<%-- 
    Document   : smsReport
    Created on : Feb 11, 2013, 4:32:45 PM
    Author     : mudassar
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@include file="../common/script.jsp" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <%@include file="../common/title.jsp" %>
        <%@include file="../common/header.jsp" %>
        <script type="text/javascript">
            $(function() {
                $( "#startDate" ).datepicker({dateFormat: 'yy-mm-dd'});
                $( "#stopDate" ).datepicker({dateFormat: 'yy-mm-dd'});
            });
        </script>
    </head>
    <body>
        <%@include file="../common/menu.jsp" %>
        <%@include file="../common/message.jsp" %>

        <div class="in_02">
            <fieldset>
                <legend>SMS Report</legend>
                <form method="POST" id="form1" name="form1" action="smsReport.htm">

                    <table class="formTable">
                        <tr>
                            <td style="padding:5px 30px 1px 5px;">Start date:<br/>
                                <input name="startDate" id="startDate" value="${startDate}" class="userInputMedium"/>
                                <span id="errorsDiv_startDate" ></span>
                            </td>
                            <td style="padding:5px 30px 1px 5px;">Stop date:<br/>
                                <input  name="stopDate"  id="stopDate" value="${stopDate}" class="userInputMedium" />
                                <br/><span id="errorsDiv_stopDate"></span>
                            </td>
                            <td style="padding:5px 5px 1px 5px;"><input  type="submit" value="Go" name="Go" style="margin:13px 0 0 0;" onclick="return yav.performCheck('form1', rules, 'inline');"/>
                            </td>
                        </tr>
                    </table>
                </form>
            </fieldset>
            &nbsp;&nbsp;&nbsp;<strong>SMS Report</strong><br/>
            <table class="data_table" border="1px">
                <tr class="header">
                    <th align="center" width="18%">Total</th>
                    <th align="center" width="18%">Success</th>
                    <th align="center" width="18%">Failed</th>
                    <th align="center" width="20%">Pending</th>

                </tr>
                <tr>
                    <td align="center">${lstSms[0].total}</td>
                    <td align="center"><a href="javascript:void(0);" onclick="window.open('../reports/successSmsStatus.htm?startDate=${startDate}&stopDate=${stopDate}','_blank','status=0, toolbar=0, location=0, menubar=0, directories=0, resizable=1, scrollbars=1, width=1000, height=550');return false;">${lstSms[0].success}</a></td>
                    <td align="center"><a href="javascript:void(0);" onclick="window.open('../reports/failedSmsStatus.htm?startDate=${startDate}&stopDate=${stopDate}','_blank','status=0, toolbar=0, location=0, menubar=0, directories=0, resizable=1, scrollbars=1, width=1000, height=550');return false;">${lstSms[0].failed}</a></td>
                    <td align="center"><a href="javascript:void(0);" onclick="window.open('../reports/pendingSmsStatus.htm?startDate=${startDate}&stopDate=${stopDate}','_blank','status=0, toolbar=0, location=0, menubar=0, directories=0, resizable=1, scrollbars=1, width=1000, height=550');return false;">${lstSms[0].Pending}</a></td>
                </tr>
            </table>
        </div>
    </body>
</html>
